<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>空天追梦少年认证</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="空天追梦少年认证">
	<meta name="apple-mobile-web-app-capable" content="空天追梦少年认证">
	<meta name="apple-touch-fullscreen" content="空天追梦少年认证">
	<meta name="HandheldFriendly" content="空天追梦少年认证">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css">

</head>
<body>
	<!-- about us -->
	<div class="pages section" id="rrapp">
		<div class="container">
			<div class="pages-head">
				<h3>空天追梦少年认证</h3>
			</div>
			<div class="about-us">
				<img v-for="cer in certificateList" :src="cer.img" alt="">
			</div>
		</div>
	</div>
	<!-- end about us -->
	

	<!-- loader -->
	<div id="fakeLoader"></div>
	<!-- end loader -->

	
	<!-- scripts -->
	<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
	<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
	<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
	<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
	<script src="${request.contextPath}/statics/js/contact-form.js"></script>
	<script src="${request.contextPath}/statics/js/main.js"></script>
	<script src="../statics/js/vue.min.js"></script>
	<script>
		var vm = new Vue({
			el: '#rrapp',
			data: {
				userName:"",
				idCard:"",
				certificateList:[],
			},
			created: function () {

				var url = decodeURI(location.search); //获取url中"?"符后的字串
				var tRequest = new Object();
				if (url.indexOf("?") != -1) {   //判断 URL 中是否包含查询字符串
					var str = url.substr(1);   //如果 URL 中包含查询字符串，截取查询字符串，去掉前面的“?”号。
					strs = str.split("&");    //将查询字符串按“&”号分割成一个个参数对。
					for(var i = 0; i < strs.length; i ++) {    //循环遍历所有的参数对。
						tRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);    //对每一个参数对进行处理，将参数名和参数值存储到 tRequest 对象中。
					}
				}
				this.userName = tRequest.userName;
				this.idCard = tRequest.idCard;

				this.queryCertificate();
			},
			methods:{
				queryCertificate(){
					$.ajax({
						type: 'POST',
						url: '${request.contextPath}/h5/queryCertification',
						data: {
							userName: this.userName,
							idCard: this.idCard,
							company: "",
							categoryId: 7
						},
						success: function (res) {
							if(res.code === 0){
								vm.certificateList = res.data
							}else{
								alert(res.msg);
							}
						},
					});
				}
			}

		});
	</script>
</body>
</html>
